<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pt="http://xmlns.jcp.org/jsf/passthrough">
<f:view>
	<f:metadata>
		<f:viewAction action="#{menuMB.updateMenu(2)}" />
	</f:metadata>
	<ui:composition template="/WEB-INF/templates/defaultLayout.xhtml">


		<!-- Definiendo la cabecera de la pagina -->
		<ui:define name="title">
			<h:outputText value="Cuenta Bancaria" />
		</ui:define>

		<!-- Definiendo el cuerpo de la pagina -->
		<ui:define name="content">

			<script type="text/javascript">
                    $(document).ready(function () {
                            $("#modal-dialog-bg").hide();
                            $("#dlgCalculadora").hide();
                        $("#dlbBuscarCuentabancaria").hide();
                                $("#dlgCalculadora").draggable();
                                $("#dlbBuscarCuentabancaria").draggable();
                                
                        $("#formTransaccion\\:btnBuscarCuentabancaria").click(function(){
                                $("#modal-dialog-bg").show();
                                $("#dlbBuscarCuentabancaria").show();           
                        });
                        $("#formTransaccion\\:btnCalculadora").click(function(){
                                $("#modal-dialog-bg").show();
                                $("#dlgCalculadora").show();            
                        });                     
                    });

                    function closeDlgCalculadora(){
                        $("#modal-dialog-bg").hide();
                        $("#dlgCalculadora").hide();  
                        }
                    function closeDlgBuscarCuentabancaria(){
                        $("#modal-dialog-bg").hide();
                        $("#dlbBuscarCuentabancaria").hide();  
                        }
                </script>

			<h:outputStylesheet library="css" name="main.css" />

			<h:panelGroup
				rendered="#{!transaccionCuentabancariaCajaBean.isValidBean()}">
				<div class="p6n-api-access-in-page-error" style="left: 416px;">
					<div>
						<div>
							<p>
								<h:messages />
							</p>
						</div>
					</div>
				</div>
				<div class="modal-dialog-bg"
					style="opacity: 0.4; width: 1366px; height: 802px;"></div>
			</h:panelGroup>

			<h:panelGroup rendered="#{transaccionCuentabancariaCajaBean.failure}">
				<div class="p6n-api-access-in-page-error" style="left: 416px;">
					<div>
						<div>
							<p>
								<h:messages />
							</p>
						</div>
					</div>
				</div>
			</h:panelGroup>


			<h:form id="formTransaccion">
				<br />
				<div style="margin-left: 50px;">
					<div>
						<div>
							<div class="p6n-api-app-section-box editable"
								style="margin-right: 380px;">
								<div class="p6n-api-app-section-title">
									<div class="p6n-api-app-section-collapse-icon"></div>
									<div class="p6n-api-app-section-title-text">
										<h:outputLabel
											value="#{transaccionCuentabancariaCajaBean.caja.denominacion}" />
										<label>(<h:outputLabel
												value="#{transaccionCuentabancariaCajaBean.caja.abreviatura}" />)
										</label>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<label>Estado:&nbsp;<h:outputLabel
												value="#{transaccionCuentabancariaCajaBean.caja.estadoapertura.denominacion}" />
										</label>
									</div>
									<div class="p6n-api-app-section-description">Todas las
										operaciones son de responsabilidad del usuario en session</div>
								</div>
							</div>
							<h:panelGroup id="divCuentabancariaValid">
								<h:panelGroup
									rendered="#{!transaccionCuentabancariaCajaBean.isCuentabancariaValid()}">
									<div class="p6n-butterbar" id="p6n-manualbutterbar0"
										style="left: 414.5px;">
										<div>
											<h:messages id="msgBuscarCuentabancaria" />
										</div>
									</div>
								</h:panelGroup>
							</h:panelGroup>

							<br /> <br />
							<div class="p6n-api-consent-screen-title">Transaccion Caja
								- Cuenta Bancaria</div>
							<h:panelGroup
								rendered="#{transaccionCuentabancariaCajaBean.success}">
								<br />
								<div style="display: inline-block; width: 400px;">
									<div>
										<div>
											<h:panelGroup id="voucher2">
												<h:panelGroup id="voucher1">
													<table id="t"
														style="width: 220px; border: solid 0px #E9E6E6; margin-bottom: 0px;">
														<tr style="vertical-align: center;">
															<td colspan="1"
																style="text-align: center; font-weight: bold; font-size: 12px;">
																<p:graphicImage name="logo_coop_voucher.png"
																	library="images/logo_coop" />
															</td>
															<td colspan="3"
																style="text-align: left; font-weight: bold; font-size: 9px; vertical-align: middle">
																<h:outputText value="C.A.C." /> <br /> <h:outputText
																	style="font-size: 16px;" value="CAJA VENTURA" />
															</td>
														</tr>
														<tr style="vertical-align: center;">
															<td colspan="4"
																style="text-align: center; font-weight: bold; font-size: 11px;">
																<h:outputText
																	value="#{transaccionCuentabancariaCajaBean.vouchercajaView.denominacionTipotransaccion} #{transaccionCuentabancariaCajaBean.vouchercajaView.denominacionTipocuentabancaria}" />
															</td>
														</tr>
														<tr>
															<td
																style="width: 15%; font-weight: bold; font-size: 10px;">AGENCIA:</td>
															<td
																style="width: 20%; font-size: 10px; font-family: Century Gothic;">#{transaccionCuentabancariaCajaBean.vouchercajaView.abreviaturaAgencia}</td>
															<td
																style="width: 30%; text-align: right; font-weight: bold; font-size: 10px;">Nº
																TRANS:</td>
															<td
																style="width: 35%; font-size: 11px; font-family: Century Gothic;">#{transaccionCuentabancariaCajaBean.vouchercajaView.idTransaccioncaja}</td>
														</tr>
														<tr>
															<td colspan="1"
																style="font-weight: bold; font-size: 10px;">Nº OP:</td>
															<td colspan="1"
																style="font-size: 11px; font-family: Century Gothic;">#{transaccionCuentabancariaCajaBean.returnNumOperacion()}</td>
															<td colspan="1"
																style="text-align: right; font-weight: bold; font-size: 10px;">CAJA:</td>
															<td colspan="1"
																style="font-size: 11px; font-family: Century Gothic;">#{transaccionCuentabancariaCajaBean.vouchercajaView.abreviaturaCaja}</td>
														</tr>
														<tr>
															<td style="font-weight: bold; font-size: 10px;">FECHA:</td>
															<td style="font-size: 11px; font-family: Century Gothic;"><h:outputText
																	value="#{transaccionCuentabancariaCajaBean.vouchercajaView.fecha}">
																	<f:convertDateTime pattern="dd/MM/yy" />
																</h:outputText></td>
															<td
																style="text-align: right; font-weight: bold; font-size: 10px;">HORA:</td>
															<td style="font-size: 11px; font-family: Century Gothic;"><h:outputText
																	value="#{transaccionCuentabancariaCajaBean.vouchercajaView.hora}">
																	<f:convertDateTime dateStyle="full" timeZone="EST"
																		type="time" />
																</h:outputText></td>
														</tr>
														<tr>
															<td colspan="1"
																style="font-weight: bold; font-size: 10px;">CUENTA:</td>
															<td colspan="3"
																style="font-size: 11px; font-family: Century Gothic;"><h:outputText
																	value="#{transaccionCuentabancariaCajaBean.vouchercajaView.numeroCuenta}" />
															</td>
														</tr>
														<tr>
															<td colspan="1"
																style="font-weight: bold; font-size: 10px;">SOCIO:</td>
															<td colspan="3"
																style="font-size: 10px; font-family: Century Gothic;">#{transaccionCuentabancariaCajaBean.vouchercajaView.titular}</td>
														</tr>
														<tr>
															<td colspan="1"
																style="font-weight: bold; font-size: 10px;">MONEDA:</td>
															<td colspan="3"
																style="font-size: 10px; font-family: Century Gothic;">#{transaccionCuentabancariaCajaBean.vouchercajaView.denominacionMoneda}</td>
														</tr>
														<tr>
															<h:panelGroup
																rendered="#{transaccionCuentabancariaCajaBean.vouchercajaView.referencia == '' ? false : true}">
																<td colspan="1"
																	style="font-weight: bold; font-size: 9px;">REF:</td>
																<td colspan="3" style="font-size: 9px;">#{transaccionCuentabancariaCajaBean.vouchercajaView.referencia}</td>
															</h:panelGroup>
														</tr>
														<tr>
															<td colspan="4" style="font-size: 5px;">&nbsp;</td>
														</tr>
														<tr>
															<td colspan="2"
																style="font-weight: bold; font-size: 9px;">IMPORTE
																RECIBIDO:</td>
															<td colspan="2"
																style="font-size: 10px; text-align: right;">#{transaccionCuentabancariaCajaBean.vouchercajaView.abreviaturaMoneda}#{transaccionCuentabancariaCajaBean.vouchercajaView.monto}</td>
														</tr>
														<tr>
															<td colspan="2"
																style="font-weight: bold; font-size: 9px;"><h:outputText
																	id="textTotal" value="SALDO TOTAL"
																	rendered="#{transaccionCuentabancariaCajaBean.titular}" />
															</td>
															<td colspan="2"
																style="font-size: 10px; text-align: right;"><h:outputText
																	id="total"
																	value="#{transaccionCuentabancariaCajaBean.vouchercajaView.abreviaturaMoneda}#{transaccionCuentabancariaCajaBean.vouchercajaView.saldo}"
																	rendered="#{transaccionCuentabancariaCajaBean.titular}" />
															</td>
														</tr>
														<tr>
															<td>&nbsp;</td>
														</tr>
														<tr>
															<td colspan="4"
																style="font-size: 11px; text-align: center;"><h:outputText
																	value="----------------------------------------"
																	rendered="#{transaccionCuentabancariaCajaBean.retiro}" />
															</td>
														</tr>
														<tr>
															<td colspan="4"
																style="font-size: 11px; text-align: center;"><h:outputText
																	value="Firma Titular(es)"
																	rendered="#{transaccionCuentabancariaCajaBean.retiro}" />
															</td>
														</tr>
														<tr>
															<td colspan="4"
																style="text-align: center; font-size: 10px;">"Verifique
																su dinero antes de retirarse de la ventanilla"</td>
														</tr>
													</table>
												</h:panelGroup>
												<h:selectBooleanCheckbox id="titular"
													value="#{transaccionCuentabancariaCajaBean.titular}"
													style="vertical-align: text-bottom;">
													<f:selectItem itemLabel="Es Titular" />
													<f:ajax render="voucher1" />
												</h:selectBooleanCheckbox>
												<h:outputLabel style="font-size: 11px; font-weight: bold;"
													value=" Es Titular" for="titular" />
											</h:panelGroup>
										</div>
									</div>
									<div class="modal-dialog-buttons">
										<h:commandButton value="Imprimir" styleClass="action blue">
											<p:printer target="voucher1" />
										</h:commandButton>
										<h:commandButton value="Salir" styleClass="action red"
											action="transaccionCuentabancaria?faces-redirect=true" />
									</div>
								</div>

								<div
									style="display: inline-block; width: 400px; vertical-align: top;">
									<h:panelGroup id="detalleTransaccion">
										<table
											style="width: 220px; border: solid 0px #E9E6E6; margin-bottom: 0px;">
											<tr style="vertical-align: center;">
												<td colspan="1"
													style="text-align: center; font-weight: bold; font-size: 12px;">
													<p:graphicImage name="logo_coop_voucher.png"
														library="images/logo_coop" />
												</td>
												<td colspan="3"
													style="text-align: left; font-weight: bold; font-size: 9px; vertical-align: middle">
													<h:outputText value="C.A.C." /> <br /> <h:outputText
													style="font-size: 15px;" value="CAJA VENTURA" />
												</td>
											</tr>
											<tr style="vertical-align: center;">
												<td colspan="4"
													style="text-align: center; font-weight: bold; font-size: 11px;">
													<h:outputText
														value="DETALLE CALCULADORA" />
												</td>
											</tr>
											<tr>
												<td
													style="width: 15%; font-weight: bold; font-size: 10px;">AGENCIA:</td>
												<td
													style="width: 20%; font-size: 10px; font-family: Century Gothic;">#{transaccionCuentabancariaCajaBean.vouchercajaView.abreviaturaAgencia}</td>
												<td
													style="width: 30%; text-align: right; font-weight: bold; font-size: 10px;">Nº
													TRANS</td>
												<td
													style="width: 35%; font-size: 11px; font-family: Century Gothic;">#{transaccionCuentabancariaCajaBean.vouchercajaView.idTransaccioncaja}</td>
											</tr>
											<tr>
												<td colspan="1"
													style="font-weight: bold; font-size: 10px;">CUENTA:</td>
												<td colspan="3"
													style="font-size: 11px; font-family: Century Gothic;"><h:outputText
													value="#{transaccionCuentabancariaCajaBean.vouchercajaView.numeroCuenta}" />
												</td>
											</tr>
										</table>
										<table style="width: 220px;">
											<thead>
												<tr>
													<td style="text-align: right"><label
														style="font-weight: bold; font-size: 10px; font-family: Century Gothic;">Denominacion</label></td>
													<td style="text-align: right"><label
														style="font-weight: bold; font-size: 10px; font-family: Century Gothic;">Cantidad</label></td>
													<td style="text-align: right"><label
														style="font-weight: bold; font-size: 10px; font-family: Century Gothic;">Subtotal</label></td>
												</tr>
											</thead>
											<tbody>
												<ui:repeat
													value="#{transaccionCuentabancariaCajaBean.calculadoraBean.list}"
													var="detalle">
													<h:panelGroup rendered="#{detalle.cantidad == 0 ? false : true}">
													<tr>
														<td style="text-align: right; vertical-align: middle;"><h:outputLabel
																value="#{detalle.denominacionmoneda.denominacion}"
																style="font-size: 10px;" /></td>
														<td style="text-align: right; vertical-align: middle;"><h:outputLabel
																value="#{detalle.cantidad}" style="font-size: 10px;" /></td>
														<td style="text-align: right; vertical-align: middle;"><h:outputLabel
																id="txtSubtotal" value="#{detalle.getSubtotal()}"
																style="font-size: 10px;" /></td>
													</tr>
													</h:panelGroup>							
												</ui:repeat>
											</tbody>
											<tr>
												<td colspan="2"
													style="font-weight: bold; font-size: 9px; text-align: right;">TOTAL TRANSACCIÓN:</td>
												<td colspan="2"
													style="font-size: 10px; text-align: right;">#{transaccionCuentabancariaCajaBean.vouchercajaView.abreviaturaMoneda}#{transaccionCuentabancariaCajaBean.vouchercajaView.monto}</td>
											</tr>
										</table>
									</h:panelGroup>
									<div class="modal-dialog-buttons">
										<h:commandButton value="Imprimir" styleClass="action blue">
											<p:printer target="detalleTransaccion" />
										</h:commandButton>
									</div>
								</div>
							</h:panelGroup>
							<h:panelGroup
								rendered="#{!transaccionCuentabancariaCajaBean.success}">
								<p:focus for="cmbTipoTransaccion" />
								<div class="p6n-api-consent-screen-inputs">
									<div class="p6n-api-consent-screen-input-section">
										<div class="p6n-api-consent-screen-label"
											style="width: 150px;">TIPO TRANSACCION</div>
										<div>
											<h:selectOneMenu id="cmbTipoTransaccion"
												value="#{transaccionCuentabancariaCajaBean.comboTipotransaccion.itemSelected}"
												required="true"
												requiredMessage="Seleccione un tipo de transaccion">
												<f:selectItem itemLabel="--Seleccione--" itemValue="" />
												<f:selectItems
													value="#{transaccionCuentabancariaCajaBean.comboTipotransaccion.items.entrySet()}"
													var="val" itemLabel="#{val.value.denominacion}"
													itemValue="#{val.key}" />
											</h:selectOneMenu>
										</div>
									</div>
									<div
										class="p6n-api-consent-screen-input-error p6n-api-consent-screen-product-name-error-msg">
										<h:message for="cmbTipoTransaccion" />
									</div>
									<div class="p6n-api-consent-screen-input-section">
										<div class="p6n-api-consent-screen-label">NUMERO CUENTA</div>
										<div>
											<div style="float: left;">
												<h:inputText id="txtNumerocuenta" autocomplete="off"
													value="#{transaccionCuentabancariaCajaBean.cuentabancaria.numerocuenta}"
													required="true" pt:placeholder="Número de Cuenta"
													requiredMessage="Ingrese un numero de cuenta"
													validatorMessage="Numero de cuenta no valida"
													maxlength="14">
													<f:validateRegex pattern="(^[0-9]{14}$)" />
													<f:ajax
														listener="#{transaccionCuentabancariaCajaBean.findCuentabancariaByNumerocuenta()}"
														execute="@this"
														render="divCuentabancariaValid cuentabancariaResultadobusqueda" />
												</h:inputText>
											</div>
											<div style="float: left;">
												<h:outputLink id="btnBuscarCuentabancaria" value="#"
													styleClass="button" style="margin: 0 0 0 1px;">
													<span class="icon icon198"></span>
												</h:outputLink>
											</div>
										</div>
									</div>
									<div
										class="p6n-api-consent-screen-input-error p6n-api-consent-screen-product-name-error-msg"
										style="float: inherit;">
										<h:message for="txtNumerocuenta" />
									</div>
									<br /> <br />
									<div class="p6n-api-consent-screen-input-section">
										<div class="p6n-api-consent-screen-label"
											style="width: 150px;">TIPO MONEDA</div>
										<div>
											<h:selectOneMenu id="cmbTipomoneda"
												value="#{transaccionCuentabancariaCajaBean.comboTipomoneda.itemSelected}"
												valueChangeListener="#{transaccionCuentabancariaCajaBean.changeTipomoneda}"
												required="true" requiredMessage="Seleccione una moneda">
												<f:selectItem itemLabel="--Seleccione--" itemValue="" />
												<f:selectItems
													value="#{transaccionCuentabancariaCajaBean.comboTipomoneda.items.entrySet()}"
													var="val" itemLabel="#{val.value.denominacion}"
													itemValue="#{val.key}" />
												<f:ajax render="txtMonto :formCalculadora" />
											</h:selectOneMenu>
										</div>
									</div>
									<div
										class="p6n-api-consent-screen-input-error p6n-api-consent-screen-product-name-error-msg">
										<h:message for="cmbTipomoneda" />
									</div>
									<div class="p6n-api-consent-screen-input-section">
										<div class="p6n-api-consent-screen-label"
											style="width: 150px;">MONTO</div>
										<div style="float: left;">
											<h:inputText id="txtMonto" autocomplete="off"
												value="#{transaccionCuentabancariaCajaBean.monto}"
												required="true" maxlenght="16">
												<f:ajax event="blur" render="@this"
													listener="#{transaccionCuentabancariaCajaBean.validarMontoTransaccion()}" />
											</h:inputText>
										</div>
										<div style="float: left;">
											<h:outputLink id="btnCalculadora" value="#"
												styleClass="button" style="margin: 0 0 0 1px;">
												<span class="icon icon32"></span>
											</h:outputLink>
										</div>
									</div>
									<br /> <br />
									<div class="p6n-api-consent-screen-input-section">
										<div class="p6n-api-consent-screen-label">REFERENCIA</div>
										<div>
											<h:inputText pt:placeholder="Referencia" autocomplete="off"
												onkeyup="this.value = this.value.toUpperCase();"
												value="#{transaccionCuentabancariaCajaBean.referencia}"
												size="30" maxlenght="200" />
										</div>
									</div>
									<div class="sf-separator"></div>

									<div class="sf-buttons" style="float: left;">
										<h:commandButton
											action="#{transaccionCuentabancariaCajaBean.createTransaccioncaja()}"
											value="Aceptar" styleClass="action blue" />
									</div>
								</div>


								<h:panelGroup id="cuentabancariaResultadobusqueda">
									<div class="p6n-api-consent-screen-preview-image">
										<div class="p6n-api-consent-screen-preview-image-bg">

											<div class="p6n-api-consent-screen-inputs">
												<div class="p6n-api-consent-screen-input-section">
													<div style="display: inline-block; width: 190px;">
														<div class="p6n-api-consent-screen-label"
															style="width: 150px; text-align: left; margin-left: 20px; font-size: 14px;">NUMERO
															CUENTA</div>
														<div
															style="text-align: left; margin-left: 20px; font-size: 16px;">
															<h:outputLabel
																value="#{transaccionCuentabancariaCajaBean.cuentabancariaView.numerocuenta}" />
														</div>
													</div>
													<div style="display: inline-block; width: 190px;">
														<div class="p6n-api-consent-screen-label"
															style="width: 150px; text-align: left; margin-left: 20px; font-size: 14px;">TIPO
															CUENTA</div>
														<div
															style="text-align: left; margin-left: 20px; font-size: 16px;">
															<h:outputLabel
																value="#{transaccionCuentabancariaCajaBean.cuentabancariaView.denominacionTipocuentabancaria}" />
														</div>
													</div>
												</div>
												<div class="p6n-api-consent-screen-input-section">
													<div style="display: inline-block; width: 190px;">
														<div class="p6n-api-consent-screen-label"
															style="width: 150px; text-align: left; margin-left: 20px; font-size: 14px;">MONEDA</div>
														<div
															style="text-align: left; margin-left: 20px; font-size: 16px;">
															<h:outputLabel
																value="#{transaccionCuentabancariaCajaBean.cuentabancariaView.denominacionTipomoneda}" />
														</div>
													</div>
													<div style="display: inline-block; width: 190px;">
														<div class="p6n-api-consent-screen-label"
															style="width: 150px; text-align: left; margin-left: 20px; font-size: 14px;">SALDO
															DISPONIBLE</div>
														<div
															style="text-align: left; margin-left: 20px; font-size: 16px;">
															<h:outputLabel
																value="#{transaccionCuentabancariaCajaBean.cuentabancariaView.saldoCuentabancaria}" />
														</div>
													</div>
												</div>

												<div class="p6n-api-consent-screen-input-section">
													<div style="display: inline-block; width: 190px;">
														<div class="p6n-api-consent-screen-label"
															style="width: 150px; text-align: left; margin-left: 20px; font-size: 14px;">SOCIO</div>
														<div
															style="text-align: left; margin-left: 20px; font-size: 16px;">
															<h:outputLabel
																value="#{transaccionCuentabancariaCajaBean.cuentabancariaView.socio}" />
														</div>
													</div>
													<div style="display: inline-block; width: 190px;">
														<div class="p6n-api-consent-screen-label"
															style="width: 150px; text-align: left; margin-left: 20px; font-size: 14px;">CODIGO</div>
														<div
															style="text-align: left; margin-left: 20px; font-size: 16px;">
															<h:outputLabel
																value="#{transaccionCuentabancariaCajaBean.cuentabancariaView.idSocio}" />
														</div>
													</div>
												</div>
												<div class="p6n-api-consent-screen-input-section">
													<div class="p6n-api-consent-screen-label"
														style="width: 150px; text-align: left; margin-left: 20px; font-size: 14px;">RETIRANTES</div>
													<div
														style="text-align: left; margin-left: 20px; font-size: 16px;">
														<h:outputLabel
															value="#{transaccionCuentabancariaCajaBean.cuentabancariaView.cantidadretirantesCuentabancaria}" />
													</div>
												</div>
												<div class="p6n-api-consent-screen-input-section">
													<div class="p6n-api-consent-screen-label"
														style="width: 150px; text-align: left; margin-left: 20px; font-size: 14px;">TITULAR(ES)</div>
													<div
														style="text-align: left; margin-left: 20px; font-size: 14px;">
														<h:dataTable
															value="#{transaccionCuentabancariaCajaBean.cuentabancaria.titulares}"
															var="titular">
															<h:column>
                                                                                                                #{titular.personanatural.apellidopaterno}&nbsp;#{titular.personanatural.apellidomaterno}, #{titular.personanatural.nombres}
                                                                                                        </h:column>
															<h:column>
                                                                                                                &nbsp;|&nbsp;
                                                                                                                #{titular.personanatural.tipodocumento.abreviatura}:#{titular.personanatural.numerodocumento}
                                                                                                        </h:column>
														</h:dataTable>
													</div>
												</div>
											</div>
										</div>
									</div>
								</h:panelGroup>
							</h:panelGroup>
						</div>
					</div>
				</div>
			</h:form>

			<div id="dlbBuscarCuentabancaria" class="modal-dialog p6n-popup"
				style="left: 412.5px; top: 100px;">
				<h:form id="formBuscarCuenta">
					<p:focus context="txtSearch"></p:focus>
					<div class="modal-dialog-content">
						<div id="p6n-cloudsql-content">
							<div>
								<div>
									<div>
										<div>
											<h:inputText id="txtSearch"
												onkeyup="this.value = this.value.toUpperCase();"
												value="#{transaccionCuentabancariaCajaBean.valorBusqueda}"
												style="width: 250px;float: left;">
											</h:inputText>
											&nbsp;
											<h:commandLink styleClass="button"
												style="margin: 0px;float: left;">
												<span class="icon icon198"></span>
												<span class="label"></span>
												<f:ajax execute="@form"
													listener="#{transaccionCuentabancariaCajaBean.searchCuentabancaria()}"
													render="tblResultadoBusqueda" />
											</h:commandLink>
											<h:selectOneMenu id="cmbTipoBusqueda"
												value="#{transaccionCuentabancariaCajaBean.comboTipodocumento.itemSelected}"
												requiredMessage="Seleccione un Tipo de Busueda">
												<f:selectItem itemLabel="Ap. y Nombres / Razón Social"
													itemValue="" />
												<f:selectItems
													value="#{transaccionCuentabancariaCajaBean.comboTipodocumento.items.entrySet()}"
													var="val" itemLabel="#{val.value.abreviatura}"
													itemValue="#{val.key}" />
											</h:selectOneMenu>
										</div>
										<div
											class="p6n-cloudsql-name-message p6n-cloudsql-input-message">
											<h:messages />
										</div>
									</div>
								</div>
							</div>
							<hr />
							<div class="p6n-cloudsql-form">
								<div
									class="p6n-cloudsql-form-control p6n-cloudsql-form-control-name">
									<div class="p6n-cloudsql-name-input ">
										<div class="p6n-input-prepend">
											<p:dataTable id="tblResultadoBusqueda" var="cuenta"
												value="#{transaccionCuentabancariaCajaBean.tablaCuentabancaria.rows}"
												selectionMode="single"
												selection="#{transaccionCuentabancariaCajaBean.cuentabancariaView}"
												rowKey="#{cuenta}" rowIndexVar="row">

												<p:column headerText="Nro"
													style="text-align:center; font-size: 12px;">
													<h:outputText value="#{row + 1}" />
												</p:column>
												<p:column headerText="Nro Cuenta" style="font-size: 12px;">
													<h:outputText value="#{cuenta.numerocuenta}" />
												</p:column>
												<p:column headerText="Tipo Cta" style="font-size: 12px;">
													<h:outputText
														value="#{cuenta.denominacionTipocuentabancaria}" />
												</p:column>
												<p:column headerText="Moneda" style="font-size: 12px;">
													<h:outputText value="#{cuenta.denominacionTipomoneda}" />
												</p:column>
												<p:column headerText="Socio" style="font-size: 12px;">
													<h:outputText value="#{cuenta.socio}" />
												</p:column>
											</p:dataTable>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="modal-dialog-buttons">
						<h:commandButton value="Aceptar" styleClass="action blue">
							<f:ajax
								listener="#{transaccionCuentabancariaCajaBean.setRowSelectToTransaccion()}"
								execute="@form"
								render=":formTransaccion:txtNumerocuenta :formTransaccion:cuentabancariaResultadobusqueda"
								onevent="closeDlgBuscarCuentabancaria" />
						</h:commandButton>
						<input type="button" value="Cancelar" class="action"
							onclick="closeDlgBuscarCuentabancaria()" />
					</div>
				</h:form>
			</div>

			<div id="dlgCalculadora" class="modal-dialog p6n-popup"
				style="left: 412.5px; top: 5px;">
				<h:form id="formCalculadora">
					<div class="modal-dialog-content">
						<div>
							<div>
								<table>
									<thead>
										<tr>
											<td style="text-align: right;">
												<div class="p6n-api-consent-screen-label"
													style="width: 100px;">DENOMINACION</div>
											</td>
											<td style="width: 20px;"></td>
											<td><div class="p6n-api-consent-screen-label"
													style="width: 150px;">CANTIDAD</div></td>
											<td style="width: 20px;"></td>
											<td><div class="p6n-api-consent-screen-label"
													style="width: 110px;">TOTAL</div></td>
										</tr>
									</thead>
									<tbody>
										<ui:repeat
											value="#{transaccionCuentabancariaCajaBean.calculadoraBean.list}"
											var="detalle">
											<tr>
												<td style="text-align: right; vertical-align: middle;"><h:outputLabel
														value="#{detalle.denominacionmoneda.denominacion}" /></td>
												<td></td>
												<td style="padding: 0px;"><h:inputText
														value="#{detalle.cantidad}" required="true" maxlength="6"
														styleClass="jfk-textinput p6n-api-consent-screen-homepage-url label-input-label"
														style="width:150px;">
														<f:ajax event="blur"
															render="txtSubtotal :formCalculadora:panelTotalTransaccion" />
													</h:inputText></td>
												<td></td>
												<td><h:outputLabel id="txtSubtotal"
														value="#{detalle.getSubtotal()}"
														style="width: 110px; vertical-align: middle;" /></td>
											</tr>
										</ui:repeat>
									</tbody>
								</table>
							</div>
							<h:panelGroup id="panelTotalTransaccion">
								<div style="margin-left: 250px;">
									<label>TOTAL:</label>
									<h:outputLabel id="txtTotal"
										value="#{transaccionCuentabancariaCajaBean.calculadoraBean.getTotal()}">
									</h:outputLabel>
								</div>
							</h:panelGroup>
						</div>
					</div>
					<div class="modal-dialog-buttons">
						<h:commandButton value="Guardar" styleClass="action blue">
							<f:ajax execute="@form"
								listener="#{transaccionCuentabancariaCajaBean.setMontoFromCalculadora()}"
								render="formCalculadora :formTransaccion:txtMonto"
								onevent="closeDlgCalculadora">
							</f:ajax>
						</h:commandButton>
						<input type="button" value="Cancelar" class="action"
							onclick="closeDlgCalculadora()" />
					</div>
				</h:form>
			</div>
			<div id="modal-dialog-bg" class="modal-dialog-bg"
				style="opacity: 0.4; width: 1366px; height: 802px;"></div>

		</ui:define>
	</ui:composition>
</f:view>
</html>